<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>在线考试系统</title>
	<link rel="stylesheet" th:href="@{/bootstrap-4.6.0-dist/css/bootstrap.min.css}">
	<style>
		.tl{
			line-height: 28px;
			font-size: 18px;
		}
		.chs label{
			display: block;
			cursor: pointer;
            padding: 10px;
            border: 1px solid #ddd;
            margin: 10px 26px;
            border-radius: 3px;
		}
		.item{
			padding-bottom: 18px;
		    margin-top: 15px;
		    border-bottom: 1px solid #ddd;
		}
		.main{
			margin-left: 30px;
		    border-right: 1px solid #ddd;
		    border-left: 1px solid #ddd;
		    width: 60%;
		    padding: 15px;
		    min-width: 800px;
		}
		.etitle{
			font-size: 25px;
    		margin-bottom: 10px;
		}
		.ans{
			position: fixed;
			background: #fff;
		    right: 50px;
		    width: 400px;
		    top: 10px;
		    border: 1px solid #ddd;
		}
		.djs{
			text-align: center;
		    font-size: 22px;
		    background: #ddd;
		    color: red;
		    font-weight: bold;
		    line-height: 43px;
		}
		.dtk{
		    text-align: center;
		    background: #639dd4;
		    color: #fff;
		    font-size: 18px;
		    line-height: 45px;
		}
		.ans a{
			display: inline-block;
			color: #000;
		    width: 40px;
		    height: 40px;
		    border: 1px solid #ddd;
		    text-align: center;
		    line-height: 38px;
		    border-radius: 2px;
		    margin: 5px;
		}
		.ans a:hover{
			color: #000;
			text-decoration: none;
		}
	</style>	
</head>
<body>
	<div class="ans">
		<div class="djs">1:30:01</div>
		<div class="dtk">答题卡</div>
		<div>
			<a href="#q1" data-id="q1">1</a>
			<a href="#q2" data-id="q2">2</a>
			<a href="#q3" data-id="q3">3</a>
			<a href="#q4" data-id="q4">4</a>
			<a href="#q5" data-id="q5">5</a>
			<a href="#">6</a>
			<a href="#">7</a>
			<a href="#">8</a>
			<a href="#">9</a>
			<a href="#">10</a>
			<a href="#">11</a>
			<a href="#">12</a>
			<a href="#">13</a>
			<a href="#">14</a>
			<a href="#">15</a>
		</div>
		<div style="margin: 15px">
			<button class="btn btn-danger btn-block">交卷</button>
		</div>
	</div>

	<div class="main">
		<div>
			<div class="etitle">C语言期末模拟测试</div>
			<div>总分100分，共50题</div>
		</div>

		<div class="item">
		  <div class="tl" id="q1" >
		    1、使用fseek函数可以实现的操作是（）
		  </div>
		  <div class="chs">
				<label>
					<input type="radio" name='q1' value="A" > 改变文件指针的当前位置
				</label>
				<label>
					<input  type="radio" name='q1' value="B" > 文件的顺序读写
				</label>
				<label>
					<input  type="radio" name='q1' value="C" > 文件的随机读写
				</label>
				<label>
					<input  type="radio" name='q1' value="D" > 以上都不对
				</label>
		  </div>
		</div>

		<div class="item">
		  <div class="tl" id="q2">
		    2、若有定义语句：
			int  a [2][3],(*p)[3],*q[3];，则以下赋值语句正确的是（      ）
		  </div>
		  <div class="chs">
				<label>
					<input type="radio" name='q2' value="A" > p=a;
				</label>
				<label>
					<input type="radio" name='q2'  value="B" > q=a;
				</label>
				<label>
					<input type="radio" name='q2'  value="C" > p=&a[1];
				</label>
				<label>
					<input type="radio" name='q2'  value="D" > q=&a[1];
				</label>
		  </div>
		</div>

		<div class="item">
		  <div class="tl" id="q3">
		    3、若有定义语句：
			int  a [2][3],(*p)[3],*q[3];，则以下赋值语句正确的是（      ）
		  </div>
		  <div class="chs">
				<label>
					<input type="radio" name='q3' value="A" > p=a;
				</label>
				<label>
					<input type="radio" name='q3'  value="B" > q=a;
				</label>
				<label>
					<input type="radio" name='q3'  value="C" > p=&a[1];
				</label>
				<label>
					<input type="radio" name='q3'  value="D" > q=&a[1];
				</label>
		  </div>
		</div>

		<div class="item">
		  <div class="tl" id="q4">
		    4、若有定义语句：
			int  a [2][3],(*p)[3],*q[3];，则以下赋值语句正确的是（      ）
		  </div>
		  <div class="chs">
				<label>
					<input type="radio" name='q4' value="A" > p=a;
				</label>
				<label>
					<input type="radio" name='q4'  value="B" > q=a;
				</label>
				<label>
					<input type="radio" name='q4'  value="C" > p=&a[1];
				</label>
				<label>
					<input type="radio" name='q4'  value="D" > q=&a[1];
				</label>
		  </div>
		</div>

		<div class="item">
		  <div class="tl" id="q5">
		    5、若有定义语句：
			int  a [2][3],(*p)[3],*q[3];，则以下赋值语句正确的是（      ）
		  </div>
		  <div class="chs">
				<label>
					<input type="radio" name='q5' value="A" > p=a;
				</label>
				<label>
					<input type="radio" name='q5'  value="B" > q=a;
				</label>
				<label>
					<input type="radio" name='q5'  value="C" > p=&a[1];
				</label>
				<label>
					<input type="radio" name='q5'  value="D" > q=&a[1];
				</label>
		  </div>
		</div>
	</div>
	
</body>
</html>